<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>控制台</title>
		<link rel="stylesheet" type="text/css" href="hCss/identify.css" />
		<link rel="stylesheet" type="text/css" href="hCss/layout.css" />
		<link rel="stylesheet" type="text/css" href="hCss/account.css" />
		<link rel="stylesheet" type="text/css" href="hCss/style.css" />
		<link rel="stylesheet" type="text/css" href="hCss/control_index.css" />
	</head>

	<body>
		<div class="view-topbar">
			<div class="topbar-console">
				<div class="tobar-head fl">
					<a href="#" class="topbar-logo fl">
					<span><img src="Images/logo.png" width="20" height="20"/></span>
					</a>
					<a href="hindex" class="topbar-home-link topbar-btn text-center fl"><span>管理控制台</span></a>
				</div>
			</div>
			<div class="topbar-info">
				<ul class="fr">
					<li class="fl dropdown topbar-notice topbar-btn">
					<a href="hindex" class="dropdown-toggle">
					<span class="icon-notice"></span>
					<span class="topbar-num have">0</span>
					</a>
					</li>
					<li class="fl topbar-info-item">
					<div class="dropdown">
						<a href="hindex" class="topbar-btn">
						<span class="fl text-normal">帮助与文档</span>
						<span class="icon-arrow-down"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a href="hindex">模板开发手册</a></li>
							<li><a href="hindex">某某数据字典</a></li>
						</ul>
					</div>
					</li>
					<li class="fl topbar-info-item">
					<div class="dropdown">
						<a href="hindex" class="topbar-btn">
						<span class="fl text-normal" th:text="${#session.getAttribute('admin').adminName}"></span>
						<span class="icon-arrow-down"></span>
						</a>
						<ul class="dropdown-menu">
							<li><a href="hlogin">退出</a></li>
						</ul>
					</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="view-body">
			<div class="view-sidebar">
				<div class="sidebar-content">
					<div class="sidebar-nav">
						<div class="sidebar-title">
							<a href="hindex">
								<span class="icon"><b class="fl icon-arrow-down"></b></span>
								<span class="text-normal">用户中心</span>
							</a>
						</div>
						<ul class="sidebar-trans">
							<li>
								<a href="huserInfo">
									<b class="sidebar-icon"><img src="Images/icon_cost.png" width="16" height="16" /></b>
									<span class="text-normal">商品管理</span>
								</a>
							</li>

							<li>
								<a href="horder">
									<b class="sidebar-icon"><img src="Images/icon_order.png" width="16" height="16" /></b>
									<span class="text-normal">订单管理</span>
								</a>
							</li>
							<a href="hsmsInfo">
								<b class="sidebar-icon"><img src="Images/icon_news.png" width="16" height="16" /></b>
								<span class="text-normal">评价管理</span>
							</a>

						</ul>
					</div>
				</div>
			</div>
			<div class="view-product background-color">
				<div class="padding-big background-color">
					<div class="account-info clearfix">
						<div class="text-box-main min-width-300 fl">
							<dl>
								<dt class="padding-big-left lists-border-list clearfix">
									<div class="title fl padding-big-top padding-big-bottom">
										<p th:text="|欢迎进入购物社区管理系统 HI,${#session.getAttribute('admin').adminName}|">#</p>
										<p class="margin-small-top clearfix">
											<span class="fl">账户安全级别：<em class="text-blue-deep">高</em></span>
											<a class="button bg-green-deep icon icon-button-green fl margin-left" href="index">通过实名认证</a>
										</p>
									</div>
								</dt>
								<dd class="padding-big clearfix">
									<p class="w50 fl">
										<i class="fl icon icon-mobile"></i>

										<span class="fl margin-left">手机：已绑定</span>
									</p>
									<p class="w50 fl">
										<i class="fl icon icon-email"></i>

										<span class="fl margin-left">邮箱：已绑定</span>
									</p>
								</dd>
							</dl>
						</div>
						<div class="text-box-main min-width-360 fl">
							<dl>
								<dt class="padding-big lists-border-list clearfix">
									<div class="fl w50 title">
										<p>订单条数</p>
										<p class="margin-small-top clearfix">
											<span class="fl"><em class="h3 text-red-deep">5</em>条</span>
											<a class="fl margin-left button btn-red text-white"  href="horder">查看</a>
										</p>
									</div>
									<div class="fl w50 padding-left title">
										<p>评价条数</p>
										<p class="margin-small-top clearfix">
											<span class="fl"><em class="h3 text-blue-deep">2 </em>条</span>
											<a class="fl margin-left button btn-red text-white" target="view_window" href="hsmsInfo">查看	</a>
										</p>
									</div>
								</dt>
								<dd class="padding-big">
									<div class="account-class text-hidden">
										<a href="#">未支付订单</a>
										<a href="#">已支付订单</a>
										<a href="#">充值记录</a>
										<a href="#">消费记录</a>
										<a href="#">提交工单</a>
									</div>
								</dd>
							</dl>
						</div>
						<div class="text-box-main min-width-300 fl margin-right-none">
							<dl>
								<dt class="padding-big lists-border-list clearfix">
									<div class="fl title">
										<h2>添加新的商品</h2>

									</div>
									<div class="fr">
										<a class="button btn-orange text-white" href="haddImg" >点击添加</a>
									</div>
								</dt>
								<dd class="padding-big">

								</dd>
							</dl>
						</div>
					</div>

					<!--产品-->
					<div class="account-product margin-big-top clearfix">
						<div class="text-box-main padding-big fl mine-product">
							<h2 class="h6 margin-big-bottom">商城产品</h2>
							<div class="mine-product-content clearfix">
								<ul class="w50 fl lists">
									<!-- <li class="w70 lists-border-list">
										<p class="border-list-text">云托管服务： <em class="orange">0</em>  台	
											<a class="text-main fr" href="#">查看</a>
										</p>
									</li>  -->
									<li class="w70 lists-border-list">
										<p class="border-list-text">商城商品数量： <em class="orange">5</em>件
											<a class="text-main fr" href="#">查看</a>
										</p>
									</li>
									<li class="w70 lists-border-list">
										<p class="border-list-text">商城商品数量： <em class="orange">5</em>件
											<a class="text-main fr" href="l#">查看</a>
										</p>
									</li>
									<li class="w70 lists-border-list">
										<p class="border-list-text">商城商品数量： <em class="orange">5</em>件
											<a class="text-main fr" href="#">查看</a>
										</p>
									</li>

								</ul>
								<ul class="w50 fl lists">

									<li class="w80 lists-border-list">
										<p class="border-list-text">库存紧张的商品： <em class="orange">1</em> 件
											<a class="text-main fr" href="index.html#">查看</a>
										</p>
									</li>
								</ul>
							</div>
						</div>
						<div class="text-box-main padding-big fl w25">
							<h2 class="h6 margin-big-bottom">公告</h2>
							<ul class="lists">
								<li class="lists-list"><a href="#">03-5 新增商品公告</a></li>
								<li class="lists-list"><a href="#">03-5 新增商品公告</a></li>
								<li class="lists-list"><a href="#">03-5 新增商品公告</a></li>
								<li class="lists-list"><a href="#">03-5 新增商品公告</a></li>
								<li class="lists-list"><a href="#">03-5 新增商品公告</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script>
			$(".sidebar-title").live('click', function() {
				if ($(this).parent(".sidebar-nav").hasClass("sidebar-nav-fold")) {
					$(this).next().slideDown(200);
					$(this).parent(".sidebar-nav").removeClass("sidebar-nav-fold");
				} else {
					$(this).next().slideUp(200);
					$(this).parent(".sidebar-nav").addClass("sidebar-nav-fold");
				}
			});
		</script>
	</body>

</html>